{% extends 'layout.html' %}
{% load static %}

{% block css %}
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-datepicker-1.9.0-dist/css/bootstrap-datepicker.min.css' %}">
{% endblock %}


{% block content  %}
    <div class="container">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h3 class="panel-title">新建用户</h3>
          </div>
          <div class="panel-body">
            <form method="post" >
                {% csrf_token %}
                <div class="form-group">
                    <label > 姓名 </label>
                    <input type="text" class="form-control" placeholder="姓名" name="user">
                </div>
                <div class="form-group">
                    <label > 密码 </label>
                    <input type="text" class="form-control" placeholder="密码" name="password">
                </div>
                <div class="form-group">
                    <label > 年龄 </label>
                    <input type="text" class="form-control" placeholder="年龄" name="age">
                </div>
                <div class="form-group">
                    <label > 余额 </label>
                    <input type="text" class="form-control" placeholder="余额" name="account">
                </div>
                <div class="form-group">
                    <label > 入职时间 </label>
                    <input id="dt"  type="text" class="form-control" placeholder="入职时间" name="create_time">
                </div>
                <div class="form-group">
                    <label > 性别 </label>
                    <select class="form-control" name="gd">
                        {% for item in gender_choices %}
                            <option value="{{ item.0 }}">{{ item.1 }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="form-group">
                    <label > 所属部门 </label>
                    <select class="form-control" name="depart_id">
                        {% for item in depart_list %}
                            <option value="{{ item.id }}">{{ item.title }}</option>
                        {% endfor %}
                    </select>
                </div>

              <button type="submit" class="btn btn-primary">提 交</button>
            </form>
          </div>
        </div>
    </div>
{% endblock %}


{% block js %}
    <script src="{% static 'plugins/bootstrap-datepicker-1.9.0-dist/js/bootstrap-datepicker.js' %}"></script>
    <script src="{% static 'plugins/bootstrap-datepicker-1.9.0-dist/locales/bootstrap-datepicker.zh-CN.min.js' %}"></script>
    <script>
        $(function(){
            $('#dt').datepicker({
            format: "yyyy-mm-dd",//设置格式
            language: 'zh-CN',//设置语言
            autoclose: true
        });
        });
    </script>
{% endblock %}